html{background:#fff;overflow-x:hidden}
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,fieldset,form,input,select,textarea,figure{margin:0}
ul,ol,menu{list-style:none;margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,a img,iframe{border:0 none}
img{max-width:100%}
address,em,i{font-style:normal}
abbr,acronym{font-variant:normal}
hr{display:block;height:1px;border:0;border-top:1px solid #CCCCCC;margin:1em 0;padding:0}
input,select,button{vertical-align:middle}
input,textarea,select{*font-size:100%}
button{overflow:visible}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file] > input[type=button]::-moz-focus-inner{border:0 none;padding:0}
:active{outline:0 none}
body{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;min-width:1200px;}
a{color:#515151;text-decoration:none}
a:hover{color:#31a5e7}
/*
video::-webkit-media-controls {display:none !important}
*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix{content:'';clear:both;font-size:0;}

.wrap{width:1300px;margin:0 auto}
.title{font-size:40px;line-height:60px;height:60px;text-align:center;display:inline-block;color:#444}
.title:before,.title:after{content:"";width:150px;height:6px;margin-top:30px;background:#f2f2f2}
.title:before{float:left;margin-right:25px}
.title:after{float:right;margin-left:25px}
.title>span{font-size:24px;color:#bbb;padding-left:15px}
.title2{font-size:18px;color:#888;font-weight:100;padding:10px 0;font-weight:normal;margin-bottom:15px;}
.btn{height:40px;margin:30px auto;font-size:14px;line-height:40px;color:#17a1f8;background:#fff;border:1px solid #17a1f8;border-radius:5px;
min-width:130px;cursor:pointer;text-align:center;display:inline-block;font-size:16px;font-weight:400;box-sizing:border-box;vertical-align:middle;border-radius:4px;-webkit-animation:bg-color 2s linear infinite;-moz-animation:bg-color 2s linear infinite;-ms-animation:bg-color 2s linear infinite;animation:bg-color 2s linear infinite;padding:0 20px;cursor:pointer}
.btn1{-webkit-animation:none;animation:none;background:#17a1f8;color:#fff}
.btn2{-webkit-animation:none;animation:none;margin-left:30px}
.text1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.text2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

canvas{position:fixed;left:0;right:0;top:0;bottom:0;z-index:-999}

/*==banner==*/
#banner{width:100%;margin-top:178px;position:relative;}
#banner img{width:100%;}
#banner>strong{position:absolute;left:0;right:0;top:40px;font-size:34px;text-align:center;color:#fff}
#banner>em{position:absolute;left:0;right:0;top:70px;font-size:44px;text-align:center;color:#fff}
#banner h2{position:absolute;width:900px;top:65%;left:50%;transform:translate(-50%,-50%);font-size:60px;color:#fff;text-align:center;text-shadow:6px 6px 6px #000;letter-spacing:10px;}
#banner p{position:absolute;width:900px;top:60%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;text-indent:2em;line-height:36px;}
#banner p>strong{font-size:30px;font-weight:bold;}
#banner p>em{position:relative;padding:0 5px;color:#fff;text-shadow:1px 1px 1px #17a1f8,-1px -1px 1px #17a1f8;}
#banner p>em:before{content:'';border-bottom:1px #fff dotted;position:absolute;left:-2px;right:-2px;bottom:-2px}

.lw_banner{height:480px;background:url(../images/lw_banner.jpg) no-repeat center}
.topnews{box-shadow:0px 3px 5px 0px #f1f1f1;padding:20px 0;height:64px;overflow:hidden}
.topnews .wrap>dt{width:25%;display:inline-block;font-size:30px;height:64px;line-height:64px;float:left;color:rgba(0,0,0,0.2);text-shadow:0 1px 1px #ddd}
.topnews .wrap>dd{display:inline-block;float:left}
.topnews .wrap>dd:nth-of-type(1){width:35%;height:32px;overflow:hidden;margin-top:18px}
.topnews .wrap>dd:nth-of-type(1) li{height:32px;line-height:32px}
.topnews .wrap>dd:nth-of-type(2){width:19%;height:64px;text-align:center}
.topnews .wrap>dd:nth-of-type(3){width:19%;height:64px;border-left:1px #ddd dashed;text-align:center}
.topnews-data{font-size:30px;color:#17a1f8;font-weight:bold;line-height:40px}
.topnews-text{color:#5c5c5c;font-size:16px}

/*导航*/
.header{box-shadow:0 0 8px rgba(0, 0, 0, 0.55);position:fixed;left:0;top:0;z-index:100;background:#fff;width:100%;text-align:center;padding-left:15px}
.header>div>img{width:170px;float:left}
.header>div>ul{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline;float:left;margin-left:60px;width:960px}
.header>div>ul>li{position:relative;margin:15px auto 0 auto;text-align:center;padding-bottom:15px}
.header>div>ul>li:last-child{margin-right:0;}
.header>div>ul>li>a{height:30px}
.header>div>ul>li>a>span.over{top:30px;z-index:9;color:#5cadfe}
.header>div>ul>li>a>span.out{bottom:0}
.header li>a{display:block;font-size:18px;color:#444;text-align:center;line-height:30px;text-shadow:0 1px 1px rgba(45, 118, 158, 0.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header li>a>span{position:relative;display:block}
.header>div>ul>li:hover>ul{top:38px;left:-5px;background:#fff;opacity:1;transition:0.6s opacity,1s border-radius;border:1px rgba(0,0,0,0.05) solid}
.header>div>ul>li:hover>ul>li{height:38px;margin:0 6px;color:rgba(25, 25, 25, 0);transition:0.3s 0.1s height, 0.5s 0.1s padding, 0.3s color, 0.6s visibility;z-index:99}
.header>div>ul ul{position:absolute;top:-9999px;left:-9999px;z-index:999;box-shadow:0 4px 6px #f5f5f5,0 -4px 6px #f5f5f5;opacity:0;border-radius:5px;padding:5px 0}
.header>div>ul ul>li{height:0;white-space:nowrap;border-bottom:1px solid #f5f5f5}
.header>div>ul>li li>a{display:block;font-size:16px;color:#333;text-transform:uppercase;padding:0 6px;line-height:38px;margin:0 2px;}
.header>div>ul>li li>a:hover{background:#5cadfe;color:#fff;border-radius:6px}
.head-top > div {display:inline-block;vertical-align:middle;}
.head-left > img {width:130px;padding:10px;}
.head-right-sec {padding-left:40px;}
.head-right-sec > div {vertical-align:middle;float:left;line-height:35px;}
.head-right img {width:60px;}
.head-right p {font-size:20px;padding-left:20px;}

.lwA{padding:40px 0;text-align:center;overflow:hidden;}
.lwA ul{display:flex;padding:60px 100px;box-sizing:border-box;}
.lwA li{flex:1;text-align:center;color:#555;}
.lwA li strong{font-size:22px;padding:16px;display:block;}
.lwA li span{font-size:16px;display:block;}

.lwB{padding:40px 0;text-align:center;overflow:hidden;background:rgba(0,0,0,0.01)}
.lwB ul{display:flex;padding:60px 0;box-sizing:border-box;}
.lwB li{flex:1;text-align:center;color:#555;}
.lwB li div{overflow:hidden;}
.lwB li img{transition:all 0.5s ease}
.lwB li strong{font-size:22px;padding:16px;display:block;}
.lwB li span{font-size:16px;display:block;line-height:22px;}

.lwC{padding:40px 0;text-align:center;overflow:hidden;background:rgba(0,0,0,0.01)}
.lwC ul{display:flex;padding:60px 20px;box-sizing:border-box;}
.lwC li{flex:1;text-align:center;color:#fff;background:rgba(23,161,248,0.6);padding:80px 60px}
.lwC li:nth-of-type(even){background:rgba(0,0,0,0.08);color:#555}
.lwC li div{overflow:hidden;}
.lwC li img{transition:all 0.5s ease}
.lwC li strong{font-size:26px;padding:16px 30px;display:block;position:relative;}
.lwC li strong:after{height:2px;background:#fff;left:20%;right:20%;bottom:-15px;position:absolute;}
.lwC li p{font-size:16px;display:block;line-height:28px;text-align:justify;}

.lwD{padding:40px 0;text-align:center;overflow:hidden}
.lwD ul{display:flex;padding:70px 200px;box-sizing:border-box;height:500px;background:url(../images/bg_8.jpg) no-repeat center;}
.lwD li{flex:1;text-align:center;color:#fff;}
.lwD li div{background:rgba(23,161,248,0.4);width:120px;height:120px;position:relative;display:block;margin:90px auto 0 auto;border-radius:50%;z-index:2;}
.lwD li:nth-of-type(even) div{margin-top:190px}
.lwD li:nth-of-type(even) div:before,.lwD li:nth-of-type(even) div:after{display:block;content:"";width:70px;border-bottom:2px dashed rgba(23,161,248,0.4);transform:skewY(35deg);position:absolute;top:20px;left:-70px;z-index:2}
.lwD li:nth-of-type(even) div:after{;transform:skewY(-35deg);left:inherit;right:-70px}
.lwD li span{font-size:36px;line-height:30px;color:#26A5F6;display:block;padding:20px 0 8px 0}
.lwD li span:after{content:"";width:146px;height:146px;position:absolute;left:-13px;top:-13px;background:rgba(23,161,248,0.15);border-radius:50%;}
.lwD li em{font-size:26px;color:#fff;position:relative;z-index:9;}

.lwE{padding:55px 0 130px 0;text-align:center;overflow:hidden;background:url(../images/52.jpg) center / cover no-repeat}
.lwE h2{padding-bottom:50px;color:#fff;}
.lwE ul{display:flex;width:1100px}
.lwE li{flex:1;text-align:center;color:#fff;height:165px;line-height:165px;background:#777;margin:1px;font-size:26px;font-weight:bold;letter-spacing:2px;opacity:0.85}
.lwE ul:nth-of-type(1) li:nth-of-type(1){border-top-left-radius:20px;background:#17A1F8}
.lwE ul:nth-of-type(1) li:nth-of-type(3){border-top-right-radius:20px;background:#17A1F8}
.lwE ul:nth-of-type(2) li:nth-of-type(1){border-bottom-left-radius:20px;}
.lwE ul:nth-of-type(2) li:nth-of-type(2){background:none;position:relative;}
.lwE ul:nth-of-type(2) li:nth-of-type(3){border-bottom-right-radius:20px;}
.lwE img{position:absolute;left:50%;top:15px;transform:translateX(-50%)}

.lwF{padding:55px 0 30px 0;text-align:center;overflow:hidden;background:url(../images/bg_5.jpg) center center no-repeat}
.lwF h2{padding-bottom:220px;}
.lwF ul{background:rgba(1,144,234,0.75);padding:20px;display:flex;width:1080px;box-sizing:border-box;position:relative;}
.lwF ul:before{content:"";width:310px;height:354px;background:url(../images/icon_6.png) no-repeat;position:absolute;left:50%;bottom:35px;transform:translateX(-50%);}
.lwF ul li{flex:1;position:relative;color:#fff;text-align:left;}
.lwF ul li:before{content:"";position:absolute;left:20px;top:20px;right:20px;bottom:20px;border:1px #fff dashed}
.lwF ul li:nth-of-type(1){margin-right:60px;background:#53BDFF url(../images/icon_4.png) no-repeat 35px center;padding:35px 30px 35px 105px;}
.lwF ul li:nth-of-type(2){margin-left:60px;background:#53BDFF url(../images/icon_5.png) no-repeat 35px center;padding:35px 30px 35px 105px;}
.lwF strong{font-size:28px;line-height:50px;}
.lwF p{font-size:14px;line-height:22px;text-align:justify;}

.lwG{padding:55px 0 40px 0;overflow:hidden;text-align:center;}
.lwG ul{height:540px;overflow-y:scroll;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;}
.lwG ul li{height:240px;background:rgba(23,161,248,0.03);border:1px solid #ccc;max-width:48%;box-sizing:border-box;margin:20px 1%;display:flex;}
.lwG ul img{float:left}
.lwG ul dl{padding:20px}
.lwG ul dd p{font-size:15px; color:#555555;height:100px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:4;text-align:left;}
.lwG ul dd:before{content:'';width:30px;height:30px;background:url(../images/syh.png) center/cover no-repeat;display:block;}
.lwG ul dd:after{content:'';width:100%;height:30px;background:url(../images/syh.png) no-repeat;background-size:30px 30px;display:block;transform:rotate(180deg);opacity:.4;}
.lwG ul dt{color:#555;font-weight:bold;text-align:justify;}

.scroll_bar::-webkit-scrollbar {width:5px;height:1px;}
.scroll_bar::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ccc;}
.scroll_bar::-webkit-scrollbar-thumb {border-radius:10px;background-color:#17a1f8;background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.scale:hover img {transform:scale(1.1);transition:all 0.5s ease}
/*关于我们*/
.aboutUs{text-align:center;padding:40px 0}
.Package{padding:10px 440px 40px 0;background-size:200px auto;position:relative;text-align:left;box-sizing:border-box;}
.Package>li{padding:10px;color:#666;font-size:18px;line-height:30px;text-indent:2em;}
.Package>li.current{color:#555}
.Package>li.current>em{font-weight:bold;border-bottom:1px #17a1f8 dashed;color:#17a1f8;transition:2s color}
.aboutUs dl{background:#ccc;position:relative;width:1200px;height:100px;margin:0 auto}
.Package img{position:absolute;min-width:200px;min-height:200px;background:rgba(0,0,0,0.1);right:0;top:10px;cursor:pointer;z-index:3}

/*服务*/
.services{padding:20px 0;text-align:center;overflow:hidden}
.services ul{display:flex;flex-wrap:wrap;width:1200px;position:relative}
.services li{flex:1;margin:0 30px;box-sizing:border-box;cursor:pointer;}
.services li span{width:160px;height:160px;display:block;border-radius:50%;margin:0 auto 30px auto}
.services li:nth-of-type(1) span{background:rgba(0,0,0,0.06) url(../images/ywfw__1.png) no-repeat center}
.services li:nth-of-type(2) span{background:rgba(0,0,0,0.06) url(../images/ywfw__2.png) no-repeat center}
.services li:nth-of-type(3) span{background:rgba(0,0,0,0.06) url(../images/ywfw__3.png) no-repeat center}
.services li:nth-of-type(4) span{background:rgba(0,0,0,0.06) url(../images/ywfw__4.png) no-repeat center}
.services li:nth-of-type(1):hover span{background:#17a1f8 url(../images/ywfw_01.png) no-repeat center}
.services li:nth-of-type(2):hover span{background:#17a1f8 url(../images/ywfw_02.png) no-repeat center}
.services li:nth-of-type(3):hover span{background:#17a1f8 url(../images/ywfw_03.png) no-repeat center}
.services li:nth-of-type(4):hover span{background:#17a1f8 url(../images/ywfw_04.png) no-repeat center}
.services h3{font-size:16px;line-height:25px;font-size:22px;line-height:50px;text-align:center;font-weight:bold;}
.services p{font-size:16px;line-height:25px;text-align:left;}
.services i{color:#17a1f8}
.services a{color:#000}

/*优势旧*/
.advantage{padding:40px 0;text-align:center;overflow:hidden}
.advantage ul{margin-top:30px;box-shadow:0px 0px 10px 5px #f1f1f1}
.advantage li{overflow:hidden;padding:20px 0;position:relative}
.advantage dl{width:480px;display:inline-block}
.advantage dl:hover{width:450px;transition:.6s width !important}
.advantage dl.info:hover dt{color:#17a1f8;transition:1s color}
.advantage dl.info:hover dd{color:#000;transition:1s color}
.advantage dl:nth-of-type(1){text-align:right;float:left}
.advantage dl:nth-of-type(2){text-align:left;float:right}
.advantage dt{font-size:18px;color:#484848;padding-bottom:4px}
.advantage i{color:#3274cd;font-size:16px;margin-right:10px}
.advantage dd{font-size:14px;color:#828282}
.advantage li:nth-of-type(1) dt{font-size:28px;color:#3274cd;padding-bottom:25px}
.advantage li:before{content:"";width:60px;height:118px;display:block;position:absolute;left:570px;top:10px}
.advantage li:nth-of-type(1):before{height:70px;background:url(../images/prointroicon.png) no-repeat center center;background-size:100%}
.advantage li:nth-of-type(2):before{background:url(../images/pi1.png) no-repeat center center;background-size:80%}
.advantage li:nth-of-type(3):before{background:url(../images/pi2.png) no-repeat center center;background-size:80%}
.advantage li:nth-of-type(4):before{background:url(../images/pi3.png) no-repeat center center;background-size:80%}
.advantage li:nth-of-type(2):after,.advantage>ul>li:nth-of-type(3):after,.advantage>ul>li:nth-of-type(4):after{content:"";width:70px;height:70px;border:1px #3274cd dotted;border-radius:50%;left:563px;top:33px;display:block;position:absolute}

/*优势新改版*/
.advantage2{padding:40px 0;text-align:center;overflow:hidden}
.advantage2 ul{margin-top:20px;display:flex}
.advantage2 li{width:200px;height:200px;margin:30px;background:#17a1f8;border-radius:50%;position:relative;}
.advantage2 img{display:block;margin:30px auto 30px auto}
.advantage2 em{border-top:1px rgba(255,255,255,0.4) solid;padding:10px 30px;font-size:22px;color:#fff;letter-spacing:10px;}
.advantage2 p{position:absolute;left:-5px;right:-5px;bottom:-40px;font-size:18px}
.advantage2 b{color:#17a1f8}

/*案例*/
.case{padding:40px 0;text-align:center;overflow:hidden}
.case ul{padding-top:20px;text-align:left;overflow:hidden;}
.case li{width:31.333%;float:left;margin:15px 1%;position:relative;padding-bottom:60px;overflow:hidden}
.case li:before{width:50px;height:50px;border:2px #fff solid;display:block;position:absolute;left:150px;top:80px;border-radius:50%;z-index:8}
.case li:after{height:0;width:0;border-right:20px solid transparent;border-bottom:30px solid #fff;border-left:15px solid transparent;position:absolute;left:165px;top:92px;z-index:8;transform:rotate(90deg)}
.case li>a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;opacity:0}
.case li:hover img{transform:scale(1.2,1.2);transition:all .5s ease}
.case li:hover h2,.case li:hover p{color:#fff;background:#3274cd;transition:1s 0.1s background}
.case li>img{width:100%;height:230px;transition:all .5s ease}
.case li>h2{height:35px;position:absolute;left:0;right:0;bottom:25px;z-index:10;background:#fff;line-height:35px;font-size:18px;font-weight:normal;color:#333;padding:0 8px 2px 8px}
.case li>p{height:25px;line-height:25px;position:absolute;left:0;right:0;bottom:0;overflow:hidden;z-index:10;background:#fff;color:#666;font-size:14px;padding:0 8px 2px 8px}

.cscp_hxnl{padding:50px 0;text-align:center;}
.cscp_hxnl h3{margin-bottom:20px;}
.cscp_hxnl ul{background:url(../images/cscp_hxnl.jpg) center no-repeat;display:flex;padding:0px 100px;box-sizing:border-box;}
.cscp_hxnl li{flex:1;height:335px;position:relative;}
.cscp_hxnl p{position:absolute;left:-5px;right:-5px;font-size:18px;line-height:26px}
.cscp_hxnl li:nth-of-type(even) p{top:0}
.cscp_hxnl li:nth-of-type(odd) p{bottom:0}

.cx_cpys{padding:50px 0;text-align:center;}
.cx_cpys h3{margin-bottom:20px;}
.cx_cpys ul{background:url(../images/cx_cpys.jpg) center no-repeat;display:flex;padding:0px 100px;box-sizing:border-box;}
.cx_cpys li{flex:1;height:335px;position:relative;}
.cx_cpys p{position:absolute;left:-85px;right:-85px;font-size:18px;line-height:26px}
.cx_cpys li:nth-of-type(even) p{top:0}
.cx_cpys li:nth-of-type(odd) p{bottom:0}

.cx_hzlc{padding:50px 0;text-align:center;}
.cx_hzlc ul{width:1200px;display:flex}
.cx_hzlc ul>li{flex:1;border:1px rgba(0,0,0,0.07) solid;margin-left:-1px;position:relative;background:#fff;text-align:left;padding:30px 0 0 30px}
.cx_hzlc ul>li:nth-of-type(even){background:#e8e8e8;transform:translateY(40px);border:none;z-index:3;}
.cx_hzlc ul>li:nth-of-type(even):before,.cx_hzlc ul>li:nth-of-type(even):after{display:block;content:"";border:18px solid transparent;position:absolute;z-index:5;}
.cx_hzlc ul>li:nth-of-type(even):before{border-left-color:#fff;left:0;top:10px;}
.cx_hzlc ul>li:nth-of-type(even):after{border-left-color:#e8e8e8;right:-36px;top:50px;}
.cx_hzlc i{font-size:70px;font-weight:bold;color:#17a1f8}
.cx_hzlc em{font-size:22px;font-weight:bold;color:#222;margin-left:3px}
.cx_hzlc ol{padding:30px 0}
.cx_hzlc ol>li{font-size:16px;color:#555555;line-height:35px;}
.cx_hzlc ol>li:before{content:'.';display:inline-block;transform:translate(-5px,-5px);}

/*客户*/
.customer{padding:40px 0;text-align:center}
#customer>ul{padding:20px 0;height:210px}
#customer>ul>li>img{width:100%;max-width:200px}
#customer .next2,#customer .prev2{background-color:rgba(255,0,0,0.2);padding:2px;border-radius:5px}
#customer .next2:hover,#customer .prev2:hover{background-color:rgba(0,0,0,0.8);padding:2px}

/*新闻*/
.news{padding:40px 0 80px 0;text-align:center;overflow:hidden;background:#f8f8f8}
.news>ul{padding-top:20px}
.news>ul>li{width:368px;float:left;border:1px #e5e5e5 solid;background:#fff;position:relative;overflow:hidden}
.news>ul>li:nth-of-type(2){margin:0 45px}
.news>ul>li:nth-of-type(1):before{content:"";width:40px;height:50px;background:url(../images/sign1.png) no-repeat;position:absolute;left:20px;z-index:9}
.news>ul>li:nth-of-type(3):before{content:"";width:40px;height:50px;background:url(../images/sign3.png) no-repeat;position:absolute;left:20px;z-index:9}
.news img{width:368px;height:200px}
.news video{position:static}
.news div{line-height:30px;background:#fff}
.news div>span{width:40px;height:60px;float:left;display:inline-block;background:#3274cd;font-size:14px;color:#fff}
.news div>span>i{display:block}
.news div>span>i:nth-of-type(2){display:block;font-size:12px}
.news div>h1{height:60px;font-size:16px;padding:0 15px;text-align:left}
.news div>p{height:40px;line-height:20px;font-size:12px;margin:5px 10px 10px 58px;color:#444}
.news .newsList{padding:15px 0;border-top:1px #e5e5e5 solid}
.news .newsList>li{height:35px;line-height:35px;text-align:left}
.news .newsList>li:before{content:"";display:inline-block;width:4px;height:4px;background:#555;float:left;margin:16px 10px 0 10px}
.news .newsList>li>em{width:290px;font-size:14px;overflow:hidden;height:35px;float:left}
.news .newsList>li>span{height:35px;font-size:14px;color:#999;float:right;margin-right:8px}
.news>ul>li>a{height:40px;font-size:16px;color:#555;background:#e5e5e5;width:100%;display:block;line-height:40px;position:absolute;left:0;right:0;bottom:-50px;border-radius:6px}
.news>ul>li>a:hover{background:#3274cd;color:#fff}

/*关于页面*/
.introduce{width:900px;margin:10px auto;text-align:left;text-indent:2em}
.introduce>li{line-height:26px;padding:10px 0}
/*关于优势*/
.aboutAdvantage{padding:40px 0;text-align:center;overflow:hidden}
.aboutAdvantage>h2{font-size:22px;line-height:40px;margin-bottom:0;}
.aboutAdvantage>h3{font-size:16px;line-height:22px;font-weight:normal;}
.aboutAdvantage ul{width:1100px;display:flex;}
.aboutAdvantage img{border-radius:50%;}
.aboutAdvantage li{flex:1;margin:15px;padding:30px 30px 80px 30px;background:rgba(23,161,248,0.8);border-radius:200px;color:#fff;box-shadow:3px 3px 4px #ccc;}
.aboutAdvantage li:nth-of-type(even){background:rgba(0,0,0,0.4)}
.aboutAdvantage li:hover{background:#17a1f8}
.aboutAdvantage a{color:#fff}
.aboutAdvantage h3{font-size:22px;padding:30px 0 10px;text-align:center;}
.aboutAdvantage p{text-align:justify;line-height:24px;}
/*关于文化*/
.culture{padding:40px 0;text-align:center;overflow:hidden}
.culture li{width:46%;float:left;padding:1%}
.culture dl{padding:2% 5% 5% 5%;margin:20px 0;background:rgba(0,0,0,0.03);border-radius:15px}
.culture dl:hover{background:rgba(4,141,227,0.1);box-shadow:2px 2px 3px #ccc}
.culture dl:hover dt{color:#f60}
.culture dl:hover dd{color:#000}
.culture dt{font-size:26px;padding:15px 0;letter-spacing:3px;color:#17a1f8}
.culture dd{line-height:30px;color:#555}
/*总裁寄语*/
.ceo{text-align:center}
.ceo ul{background:url(../images/ceo_bg.jpg) no-repeat}
.ceo li{width:1000px;margin:0 auto}
.ceo img{padding:15px 0}
.ceo p{padding:10px 0;text-indent:2em;text-align:left;font-size:18px;line-height:32px;color:#555}
.ceo .qm{text-align:right}
.ceo .qm img{width:300px}
/*办公环境*/
.office{padding:40px 0;text-align:center}
.office h1{padding-bottom:10px}
.office img{width:31.5%;display:inline-block;margin:0.5%;border-radius:10px}
.office img:hover{transform:scale(1.5);box-shadow:1px 1px 2px #000;transition:all 0.3s ease}

/*发展历程*/
.history{padding:20px 0;text-align:center;background:url(../images/icon8.png) no-repeat center 90px;overflow:hidden}
.history ul{position:relative;padding-top:50px}
.history ul:before{content:"";border-left:1px #58a6fb solid;position:absolute;left:50%;top:39px;bottom:127px;margin-left:-1px}
.history dl{width:48%;padding:20px 0;overflow:hidden;cursor:pointer}
.history h1{margin-bottom:10px}
.history dt{font-weight:bold}
.history dl:nth-child(odd){padding-left:52%;text-align:left}
.history dl:nth-child(odd) dt{float:left;margin-left:-85px;background:url(../images/icon7.png) no-repeat 45px center;position:relative}
.history dl:nth-child(odd) dd{float:left}
.history dl:nth-child(odd) dt:before{content:"";position:absolute;width:16px;height:16px;right:-30px;top:2px;transform:translate(-18px,-18px);border-radius:50%;background:#fff;border:1px #58a6fb dotted;z-index:9;animation:fadeOutIn1 4.4s infinite;-webkit-animation:fadeOutIn1 4.4s infinite}
.history dl:nth-child(odd) dt:after{content:"";position:absolute;right:-51px;top:14px;transform:translate(-24px,-9px);border:2px solid #58a6fb;width:8px;height:8px;border-radius:50%;z-index:10;background:#fff}
.history dl:nth-child(even){text-align:right;padding-right:52%}
.history dl:nth-child(even) dt{float:right;margin-right:-85px;background:url(../images/icon7.png) no-repeat 45px center;position:relative}
.history dl:nth-child(even) dd{float:right}
.history dl:nth-child(even) dt:before{content:"";position:absolute;width:16px;height:16px;left:-31px;top:2px;transform:translate(-18px,-18px);border-radius:50%;background:#fff;border:1px #58a6fb dotted;z-index:9;animation:fadeOutIn1 4.4s infinite;-webkit-animation:fadeOutIn1 4.4s infinite}
.history dl:nth-child(even) dt:after{content:"";position:absolute;left:-4px;top:14px;transform:translate(-24px,-9px);border:2px solid #58a6fb;width:8px;height:8px;border-radius:50%;z-index:10;background:#fff}
.history dl:hover{color:#17a1f8;transition:all 0.5s ease}

/*荣誉资质*/
.honor{padding:40px 0;text-align:center;overflow:hidden}
.honor ul{overflow:hidden;padding-top:15px}
.honor li{display:inline-block;float:left}
.honor img{box-shadow:2px 2px 4px #000}
.honor li:nth-of-type(1){width:250px;padding-right:10px}
.honor li:nth-of-type(2){width:770px}
.honor li:nth-of-type(2) img{width:215px;float:left;margin:13px 18px}
.honor li:nth-of-type(3){width:250px}
/*团队风采*/
.team{padding:40px;text-align:center}

/*劳务外包*/
.labourA{padding:40px 0;text-align:center;overflow:hidden}
.labourA li{width:100%;display:block}
.labourA li>span{width:96px;margin:15px;height:96px;display:inline-block;background:#61c2ff;border-radius:50%;line-height:96px;position:relative;color:#444}
.labourA li>span:before{content:"";position:absolute;left:-5px;right:-5px;top:-5px;bottom:-5px;border:1px rgba(31,168,255,0.3) dashed;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.labourA ul:hover li>span{background:#17a1f8;color:#fff;transition:all 1s ease}
.labourA ul:hover li>span:before{border:1px rgba(31,168,255,0.4) dashed;-webkit-animation:loadRotate 5s linear infinite;animation:loadRotate 8s linear infinite}

.labourB{padding:40px 0;text-align:center;overflow:hidden}
.labourB ul{box-shadow:0px 0px 10px 5px #f1f1f1}
.labourB li{overflow:hidden;padding:20px 0;margin:0 20px;line-height:28px;border-bottom:1px #e8e8e8 solid}
.labourB li>span{float:left;display:inline-block}
.labourB li>span:nth-of-type(1){width:16%}
.labourB li>span:nth-of-type(2),.labourB li>span:nth-of-type(3){width:42%;font-size:18px;font-weight:bold}
.labourB li>span img{display:block;width:60px;margin:0 auto 10px auto}
.labourB dl{color:#444}
.labourB dt{width:16%;float:left}
.labourB dd{width:38%;float:left;padding:0 2%}
.labourB dl span{color:#17a1f8;padding:0 2px}
.labourB li:hover dl span{color:#17a1f8;text-shadow:0 2px 1px #ccc}

.labourC{padding:40px 0;text-align:center;overflow:hidden}
.labourC li>em{width:100px;margin:50px 55px;display:inline-block;float:left}
.labourC li>em>img{display:block;margin-bottom:10px}
.labourC li>span{display:inline-block;float:left;padding:20px 0;background:url(../images/outright.png) no-repeat left center;text-align:left;text-indent:35px;font-size:20px;font-weight:bold;color:#444}
.labourC li>span:nth-of-type(1){width:33%;margin-left:18%}
.labourC li>span:nth-of-type(2){width:30%;margin-left:12%}

.labourD{padding:40px 0;text-align:center;overflow:hidden}
.labourD dl{width:1000px}
.labourD dt{overflow:hidden}
.labourD span{width:247px;float:left;padding:15px 0;border:1px #fff solid;margin-right:-1px;border-bottom:none}
.labourD dt span{background:rgba(253,155,61,0.5)}
.labourD dd{padding:0 1px;background:#eb9b3d;position:relative;z-index:-1}
.labourD dd span{width:246px;float:left;border:1px rgba(253,155,61,0.5) solid;border-top:0;margin-right:-1px}
.labourD dd span:nth-of-type(2),.labourD dd span:nth-of-type(3){width:248px;border-right:none}
.labourD dd span:nth-of-type(4){width:246px}

/*产线外包*/
.chuanxianA{padding:40px 0 20px 0;text-align:center;overflow:hidden}
.chuanxianA ul{display:flex;}
.chuanxianA li{flex:1;position:relative;margin:5px;overflow:hidden;}
.chuanxianA em{position:absolute;left:0;bottom:0;height:48px;line-height:48px;background:#17a1f8;padding:0 15px 0 25px;z-index:3;font-weight:bold;color:#fff}
.chuanxianA em:after{content:"";width:0px;height:0px;border-bottom:48px solid #17a1f8;border-right:48px solid transparent;border-left:0px solid transparent;position:absolute;top:0;right:-48px;z-index:1;}
.chuanxianA p{position:absolute;left:0;bottom:0;top:0;right:0;line-height:28px;background:#17a1f8;padding:25px;z-index:4;color:#fff;opacity:0;transition:opacity 1s;text-align:left}
.chuanxianA li:hover p,.chuanxianA p.active{opacity:1;transition:opacity 1s}
.chuanxianA img{display:block;width:100%}
.chuanxianB{padding:40px 0;text-align:center;overflow:hidden;background:#f8f8f8}
.chuanxianB>h2,.chuanxianB>h3{color:#fff}
.chuanxianB div{margin:30px auto 30px auto;position:relative;display:inline-block}
.chuanxianB ul{display:flex;flex-wrap:wrap;width:1200px}
.chuanxianB li{width:400px;height:169px;font-size:24px;padding:0 50px 0 50px;box-sizing:border-box;display:flex;align-items:left;justify-content:space-around;flex-direction:column;text-align:left}
.chuanxianB li:nth-of-type(odd){background:url(../images/youshi_bg1.jpg) no-repeat;background-size:contain;color:#fff}
.chuanxianB li:nth-of-type(even){background:url(../images/youshi_bg2.jpg) no-repeat;background-size:contain;color:#000}

.chuanxianC{padding:40px 0;text-align:center;overflow:hidden;}
.chuanxianC ul{display:flex;flex-wrap:wrap}
.chuanxianC li{flex:1;min-width:23%;margin:20px 1%;text-align:center;}
.chuanxianC li>span{display:block;margin:10px auto 10px auto;position:relative;}
.chuanxianD{padding:40px 0;text-align:center;overflow:hidden;background:url(../images/95.jpg) center no-repeat}
.chuanxianD ul{display:flex;flex-wrap:wrap;padding:58px 0;}
.chuanxianD li{flex:1;min-width:29%;margin:15px 2%;background:#2da6ea;color:#fff;font-size:20px;height:60px;line-height:60px;}
.chuanxianD li:hover{background:#17a1f8}

.chuanxian_ys{padding:40px 0;text-align:center;background:url(../images/78.jpg) center bottom no-repeat;height:520px;box-sizing:border-box;}
.chuanxian_ys ul{display:flex;padding:30px 0;width:1200px}
.chuanxian_ys h2,.chuanxian_ys h3{color:#fff}
.chuanxian_ys li{flex:1;border-left:1px rgba(255,255,255,0.5) solid;padding:0 20px 20px 20px}
.chuanxian_ys li:nth-of-type(5){border-right:1px rgba(255,255,255,0.5) solid;}
.chuanxian_ys img{margin:0 auto;display:block;transition:all .5s ease}
.chuanxian_ys li:hover img{transform:scale(.8,.8);transition:all .5s ease}
.chuanxian_ys li:hover p{color:#000}
.chuanxian_ys p{padding-top:30px;color:#fff;font-size:18px;line-height:26px;text-align:left;}

.lwwb_ys{padding:40px 0;text-align:center;background:url(../images/78.jpg) center bottom no-repeat;height:580px;box-sizing:border-box;}
.lwwb_ys ul{display:flex;padding:38px 0;width:1200px}
.lwwb_ys h2,.lwwb_ys h3{color:#fff}
.lwwb_ys li{flex:1;border-left:1px rgba(255,255,255,0.5) solid;padding:0 20px 20px 20px;color:#fff}
.lwwb_ys li:nth-of-type(5){border-right:1px rgba(255,255,255,0.5) solid;}
.lwwb_ys em{display:inline-block; padding:0 40px;line-height:30px;font-size:22px;border:1px solid #ffffff;}
.lwwb_ys strong{font-size:84px;line-height:64px;padding-top:60px;font-weight:bold;display:block;color:#fff}
.lwwb_ys i{font-size:26px;line-height:50px;display:block;}
.lwwb_ys span{padding:20px;font-size:18px;line-height:30px;display:block;}

/*蓝领招聘*/
.lanlinB{padding:40px 0 530px 0;text-align:center;overflow:hidden;background:url(../images/ll_qywt.jpg) no-repeat center 150px;}
.lanlinB div{margin:60px auto 0 auto;padding:0 140px;display:flex;}
.lanlinB li{margin:15px 0 35px 0px;font-size:20px}
.lanlinB ul{display:inline-block;text-align:left;flex:auto}
.lanlinB ul.left{text-align:right;padding-right:40px}
.lanlinB ul.right{padding-left:40px}
.lanlinB em{font-weight:bold;display:block;font-size:30px;color:#17a1f8;padding:5px 0}

.chuanxian_B{padding:40px 0 530px 0;text-align:center;overflow:hidden;background:url(../images/cx_qywt.jpg) no-repeat center 150px;display:none;}
.chuanxian_B div{margin:60px auto 0 auto;padding:0 140px;display:flex;}
.chuanxian_B li{margin:15px 0 35px 0px;font-size:20px}
.chuanxian_B ul{display:inline-block;text-align:left;flex:auto}
.chuanxian_B ul.left{text-align:right;padding-right:40px}
.chuanxian_B ul.right{padding-left:40px}
.chuanxian_B em{font-weight:bold;display:block;font-size:30px;color:#17a1f8;padding:5px 0}

.lanlinC{padding:40px 0 30px 0;text-align:center;overflow:hidden;background:url(../images/95.jpg) center no-repeat;}
.lanlinC ul{display:flex;flex-wrap:wrap;margin-top:50px;}
.lanlinC li{flex:1;min-width:15%;margin:15px 1%;background:#2da6ea;color:#fff;font-size:18px;height:40px;line-height:40px;}
.lanlinC li:hover{background:#17a1f8}

.lanlinD{padding:40px 0;text-align:center;overflow:hidden}
.lanlinD div{position:relative;overflow:hidden;}
.lanlinD div:before{content:"";border-right:1px #ccc dotted;top:40px;right:50%;bottom:50px;position:absolute;opacity:.6;}
.lanlinD ul{display:flex;flex-wrap:wrap;}
.lanlinD li{flex:1;min-width:50%;height:160px;line-height:70px;font-size:18px}
.lanlinD span{display:block;position:relative;margin-top:-42px}
.lanlinD p{padding-right:10px;}

.gdfw{padding:55px 0 30px 0;text-align:center;overflow:hidden;background:url(../images/96.jpg) center 175px no-repeat;}
.gdfw.csfw{background:url(../images/107.jpg) center 175px no-repeat;}
.gdfw ul{display:flex;flex-wrap:wrap;padding-top:50px}
.gdfw ul li{flex:1;min-width:22%;margin:10px 10px 21px 10px;background:#17a1f8;position:relative;color:#fff;text-align:left;box-sizing:border-box;}
.gdfw ul li:before{content:"";position:absolute;left:10px;top:10px;right:10px;bottom:10px;border:1px #fff dashed}
.gdfw ul li:nth-of-type(1){background:#53BDFF url(../images/icon_1.png) no-repeat 20px center;padding:35px 20px 35px 90px}
.gdfw ul li:nth-of-type(2),.gdfw ul li:nth-of-type(5){min-width:460px;background:none}
.gdfw ul li:nth-of-type(3){background:#53BDFF url(../images/icon_4.png) no-repeat 20px center;padding:35px 20px 35px 90px}
.gdfw ul li:nth-of-type(4){background:#53BDFF url(../images/icon_2.png) no-repeat 20px center;padding:35px 20px 35px 90px}
.gdfw ul li:nth-of-type(6){background:#53BDFF url(../images/icon_5.png) no-repeat 20px center;padding:35px 20px 35px 90px}
.gdfw strong{font-size:20px;line-height:40px;}
.gdfw p{font-size:14px;line-height:22px}
@media screen\0 {.lanlinD p{padding-right:30px;}}
.lanlinD p.on{position:relative;top:-16px}
.lanlinD ul.left li:nth-child(odd){text-align:right;font-size:24px;font-weight:bold;color:#17a1f8}
.lanlinD ul.left li:nth-child(even){text-align:left;text-indent:40px;}
.lanlinD ul.left em{position:relative;margin-right:20px;}
.lanlinD ul.left em:before{content:"→";position:absolute;right:-45px;top:-18px;color:#17a1f8;opacity:.9;}
.lanlinD ul.left em:after{content:attr(n);position:absolute;right:-31px;width:20px;height:20px;display:block;border:1px #17a1f8 dotted;top:4px;border-radius:50%;background:#fff;font-size:16px;line-height:20px;text-align:center}
.lanlinD ul.right{position:absolute;left:0;right:0;top:80px;bottom:0}
.lanlinD ul.right li:nth-child(odd){text-align:right;width:50%}
.lanlinD ul.right li:nth-child(even){text-align:left;width:50%;font-size:24px;font-weight:bold;color:#17a1f8}
.lanlinD ul.right em{position:relative;margin-left:20px;}
.lanlinD ul.right em:before{content:"←";position:absolute;left:-45px;top:-18px;color:#17a1f8;opacity:.9;}
.lanlinD ul.right em:after{content:attr(n);position:absolute;left:-31px;width:20px;height:20px;display:block;border:1px #17a1f8 dotted;top:4px;border-radius:50%;background:#fff;font-size:16px;line-height:20px;text-align:center}

/*财税产品*/
.caishuiA{padding:40px 0;text-align:center;overflow:hidden}
.caishuiA div{display:flex;}
.caishuiA dl{width:350px;height:442px;margin:auto;position:relative;color:#fff}
.caishuiA dl:nth-of-type(1){background:url(../images/bg_05.jpg) no-repeat;background-size:contain}
.caishuiA dl:nth-of-type(2){background:url(../images/bg_06.jpg) no-repeat;background-size:contain}
.caishuiA dl:nth-of-type(3){background:url(../images/bg_07.jpg) no-repeat;background-size:contain}
.caishuiA dt{font-size:28px;font-weight:bold;position:absolute;top:250px;left:0;right:0;text-align:center;letter-spacing:6px;}
.caishuiA dd{font-size:16px;position:absolute;left:10px;right:10px;top:305px;text-align:left;text-align:left;text-indent:2em;line-height:28px;}
.caishuiB{padding:40px 0 70px 0;text-align:center;overflow:hidden}
.caishuiB div{display:flex;flex-wrap:wrap;padding-top:40px}
.caishuiB dl{min-width:16%;margin:auto;position:relative;}
.caishuiB dl:hover img{animation:fanzhuan .8s alternate forwards;-webkit-animation:fanzhuan .8s alternate forwards}
.caishuiB dl:before{content:'';position:absolute;left:-2px;right:-2px;top:-40px;bottom:-50px;background:rgba(0,0,0,0.6);z-index:0}
.caishuiB dl:nth-of-type(even):before{background:#0e0e0e}
.caishuiB dl:hover:before{background:#fe7e27}
.caishuiB dt{border:1px #ccc dotted;display:inline-block;padding:5px 26px;border-radius:5px;box-shadow:2px 2px 3px rgba(0,0,0,0.2);margin-top:30px;position:relative;z-index:8;background:#fff}
.caishuiB img{width:70px;position:relative;z-index:8}
.caishuiC{padding:60px 0;text-align:center;overflow:hidden;background:#eee}
.caishuiC div{display:flex;}
.caishuiC dl{flex:1;padding:6px 30px 30px 30px;height:150px;background:#008ed0;margin:30px 30px;position:relative;border-bottom-right-radius:30px;border-top-left-radius:30px;box-shadow:16px 16px 15px #ccc;}
.caishuiC dl:nth-of-type(2){background:#8b2deb}
.caishuiC dl:nth-of-type(3){background:#fe7e27}
.caishuiC dt{font-size:32px;letter-spacing:6px;padding:15px;font-weight:bold;color:#fff}
.caishuiC dd{font-size:16px;text-indent:2em;text-align:left;line-height:30px;color:#f2f2f2}
.caishuiD{padding:40px 0;text-align:center;overflow:hidden}
.caishuiD div{display:flex;padding:20px 0}
.caishuiD span{padding:20px 20px 20px 10px;height:60px;line-height:30px;max-width:25%;margin:0 auto;color:#444;background:#ddd;text-align:left;letter-spacing:1px;}
.caishuiD span:before{content:attr(t);float:left;font-size:60px;display:inline-block;height:60px;line-height:60px;padding-right:10px;color:#eb9b3d;text-shadow:2px 2px 1px #fff}
.caishuiD strong{color:#000}

.caishuiE{padding:40px 0;text-align:center;overflow:hidden;background:#eee}
.caishuiE div{padding:0 40px;width:1000px;position:relative;display:flex;flex-wrap:wrap;}
.caishuiE div:before{content:'';border-top:3px #fff solid;top:50%;left:40px;right:40px;position:absolute;}
.caishuiE div:after{content:'';border-right:3px #fff solid;top:15px;bottom:15px;left:50%;position:absolute;}
.caishuiE dl{min-width:35%;flex:1;margin:15px 40px;text-align:center;padding:15px 0}
.caishuiE dt{font-size:22px;line-height:60px;color:#eb9b3d;font-weight:600;}
.caishuiE dd{font-size:15px;text-align:left;text-indent:2em;text-shadow:1px 1px 1px #ccc;}
.caishuiE img{width:65px;display:block;margin:0 auto}

.caishuiF{padding:40px 0;text-align:center;overflow:hidden}
.caishuiF div{display:flex;padding:40px 0 20px 0}
.caishuiF dl{width:19%;margin:0 auto;}
.caishuiF dd{margin-top:15px;line-height:24px;text-align:left;text-indent:2em;color:#444}
.caishuiF strong{font-size:24px;font-weight:bold;display:block;text-align:center;text-indent:0;}

/*劳务派遣*/
.paiqianA{padding:40px 0;text-align:center;overflow:hidden}
.paiqianA ul{display:flex;padding:40px 0 20px 0;flex-wrap:wrap;}
.paiqianA ul>li{flex:1;min-width:25%;box-sizing:border-box;text-align:center;padding-bottom:40px;}
.paiqianA ul>li>img{display:block;margin:0 auto;}
.paiqianA ul>li>span{display:block;height:60px;line-height:60px;font-size:20px;font-weight:bold;}

.paiqian_A{padding:40px 0;text-align:center;overflow:hidden}
.paiqian_A>p{font-size:14px;transform:translateY(-5px);}
.paiqian_A>span{font-size:16px;padding:0 0 10px 0;color:#17a1f8;display:block;position:relative;}
.paiqian_A>span:before{display:block;content:"";border:15px solid transparent;border-top-color:#17a1f8;position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;z-index:2;}
.paiqian_A ul{display:flex;padding:40px 0 20px 0;flex-wrap:wrap;}
.paiqian_A li{flex:1;min-width:28%;padding:50px 40px;border:1px #17a1f8 solid;box-sizing:border-box;}
.paiqian_A li:nth-of-type(odd){background:#17a1f8;color:#fff}
.paiqian_A li>em{font-size:22px;font-weight:bold;text-align:center;padding-bottom:15px;display:block}
.paiqian_A li>p{font-size:16px;line-height:30px;}

.lwwb_jjwt{padding:40px 0;text-align:center;overflow:hidden;background:#f4f4f4}
.lwwb_jjwt ul{padding:6px 0 20px 612px;background:url(../images/wwbw_jjwt.jpg) 200px top no-repeat;box-sizing:border-box;}
.lwwb_jjwt li{height:85px;line-height:85px;text-align:left;font-size:22px}
.lwwb_jjwt li:nth-of-type(2),.lwwb_jjwt li:nth-of-type(6){padding-left:90px;}
.lwwb_jjwt li:nth-of-type(3),.lwwb_jjwt li:nth-of-type(5){padding-left:128px;}
.lwwb_jjwt li:nth-of-type(4){padding-left:140px;}

.paiqianB{padding:40px 0;text-align:center;overflow:hidden;background:url(../images/bg_3.jpg) no-repeat;background-size:cover;}
#fwxs ul{display:flex;}
#fwxs li.current{background:rgba(23,161,248,.8)}
#fwxs li.current>img,#fwxs li:hover>img,#fwxs li.current span,#fwxs li:hover span{display:none;}
#fwxs li.current p{top:50%;transition:all .5s ease;transform:translateY(-50%);}
#fwxs span{display:block;-webkit-filter:grayscale(100%);position:absolute;z-index:9;left:0;right:0;top:147px;font-size:20px;transition:top .5s ease}
#fwxs img{position:absolute;left:50%;top:70px;transform:translateX(-50%)}
.fwxs{flex:3;position:relative;margin:0 50px}
.fwxs li{height:238px;margin:3px;background:rgba(255,255,255,1);flex:1;position:relative;overflow:hidden}
.fwxs>p{position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);font-size:22px;display:none;text-indent:2em;text-align:left;line-height:40px;text-indent:2em;transition:top .5s ease}
#fwxs li>p{position:absolute;left:6px;top:500px;right:6px;transition:top .5s ease;text-align:justify;text-indent:2em;color:#fff;line-height:24px;}
.fwxs>p.current{display:block;}
.fwxs_left,.fwxs_right{width:150px;}

.paiqianC{padding:40px 0;text-align:center;overflow:hidden}
.paiqianC ul{display:flex;flex-wrap:wrap;}
.paiqianC li{flex:1;min-width:30%;margin:0 1.5% 30px 1.5%;text-align:left;}
.paiqianC div{overflow:hidden;}
.paiqianC img{transition:all 0.5s ease;width:100%}
.paiqianC h3{height:50px;line-height:50px;text-align:center;}

.paiqianD{padding:40px 0;text-align:center;overflow:hidden;height:750px;background:url(../images/lwpq_bg.jpg) center bottom no-repeat;}
.paiqianE{padding:40px 0;text-align:center;overflow:hidden;background:rgba(0,0,0,0.02);}
.paiqianE ul{display:flex;width:1030px;padding:30px 0}
.paiqianE ul li:nth-of-type(1){width:650px;padding-right:50px;line-height:32px;text-indent:2em;text-align:justify;}
.paiqianE img{width:420px !important;}
/*案例展示手风琴*/
.case_pro{width:1200px;position:relative;height:610px;margin:0 auto;overflow:hidden;text-align:center}
.case_pro li{float:left;display:inline;height:610px;color:#fff;cursor:pointer;position:relative}
.case_pro li:nth-of-type(1){background:#4a9ebd}
.case_pro li:nth-of-type(2){background:#4abdb9}
.case_pro li:nth-of-type(3){background:#e37e2c}
.case_pro .fold{width:200px;position:absolute;top:0;left:10px;right:10px;bottom:0}
.case_pro .fold img{display:block;width:200px;height:200px;margin:100px 0 20px 0}
.case_pro .fold>span{font-size:24px;display:block;font-weight:normal;line-height:25px;padding:10px}
.case_pro .unfold{width:760px;height:100%;display:none;position:absolute;top:0px;left:0px}
.case_pro .unfold dl{margin:30px 60px 0px 60px}
.case_pro .unfold dt{width:100%;text-align:center}
.case_pro .unfold dd{font-size:18px;line-height:35px}
.case_pro .unfold dd:last-child{text-align:left;text-indent:2em;line-height:28px;padding-top:20px;text-shadow:0 1px 1px #ccc}
.case_pro .unfold dd>span{font-size:30px;font-weight:normal}
.case_pro .unfold a{font-size:14px;display:inline-block;color:#fff;height:22px;line-height:22px;margin-left:40px;padding:0 10px 1px 10px;border-radius:10px;background:#17a1f8}

/*外包优势*/
.advantage1{padding:40px 0;text-align:center;overflow:hidden}
.advantage1 li{float:left;width:21%;margin:2% 2%;text-align:left;height:229px}
.advantage1 li:before{margin:0 auto;float:left;margin-left:30px;margin-right:20px}
.advantage1 li:nth-of-type(1):before{content:"";width:76px;height:76px;display:block;background:url(../images/youshi.png) no-repeat}
.advantage1 li:nth-of-type(2):before{content:"";width:76px;height:76px;display:block;background:url(../images/youshi.png) no-repeat -76px 0}
.advantage1 li:nth-of-type(3):before{content:"";width:76px;height:76px;display:block;background:url(../images/youshi.png) no-repeat -152px 0}
.advantage1 li:nth-of-type(4):before{content:"";width:76px;height:76px;display:block;background:url(../images/youshi.png) no-repeat -228px 0}
.advantage1 li:hover dd{color:#17a1f8}
.advantage1 dt{font-size:26px;height:76px;line-height:76px}
.advantage1 dd{text-indent:2em;line-height:26px;color:#444}

/*社保问题*/
.personal{padding:20px 0;text-align:center}
#question:before{content:"";position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.8);z-index:90}
.question{text-align:left}
.question>li{width:calc(31% - 12px);margin:15px 1% 0 15px;float:left;padding:5px;height:178px;position:relative}
.question>li>dl{position:absolute;left:0;right:0;top:0;height:168px;overflow:hidden;background:#fff;z-index:0;padding:5px 5px 0 5px;border:1px #ccc solid;border-radius:5px}
.question>li>dl:hover{height:auto;transition:height 2s ease;z-index:12;border-color:#006a70;box-shadow:4px 4px 4px #fff;padding-bottom:5px}
.question>li>dl>dt{font-size:18px;font-weight:bold;line-height:35px;border-bottom:1px #ccc solid;padding-bottom:5px;color:#006a70}
.question>li>dl>dd{line-height:29px;height:30px;border-bottom:1px #e5e5e5 dotted;padding:0;cursor:pointer}
.question>li>dl>dd:nth-last-child(1){border:none}
.question>li>section{position:fixed;width:870px;height:500px;top:160px;left:calc(50vw - 440px);z-index:999;background:rgba(39,136,142,1);border:5px rgba(0,0,0,0.4) solid;border-radius:10px;padding:5px;box-shadow:3px 3px 8px rgba(255,255,255,0.8),-3px -3px 8px rgba(255,255,255,0.8)}
.question>li>section>dl{float:left;background:#e5e5e5;height:100%;overflow-y:auto}
.question>li>section>dl>dd{padding:7px;border-bottom:1px #ccc dotted;cursor:pointer}
.question>li>section>dl>dd.current{background:#fff;font-weight:bold;color:#000}
.question>li>section>ul{background:#e5e5e5;height:100%;overflow-y:auto}
.question>li>section>ul>li{padding:10px;min-height:calc(100% - 20px);display:none;background:#fff}
.question>li>section>ul>li.current{display:inherit;color:#006a70}
.ask{display:none;}
.ask>img{position:absolute;right:10px;top:10px;height:40px;z-index:100;}

/*企业人事代理*/
.personnelA{padding:40px 0 0 0;text-align:center;background:url(../images/bg_6.jpg) no-repeat center 260px;}
.personnelA h1{font-size:45px;padding:20px 0;color:#0966a1}
.personnelA h2{padding:10px 0;font-size:35px;color:#0e8ad8}
.rsdl_list{display:flex;padding:0 400px;box-sizing:border-box;justify-content:center}
.rsdl_list li{flex:1;position:relative;max-width:150px;color:#fff;background:#888;padding:10px 0;margin:0 5px;font-size:24px;cursor:pointer;}
.rsdl_list li.current,.rsdl_list li:hover{background:#17a1f8}
.rsdl_list li.current:after,.rsdl_list li:hover:after{display:block;content:"";border:8px solid transparent;border-top-color:#17a1f8;position:absolute;bottom:-16px;left:50%;transform:translateX(-50%)}
.rsdl{display:none;flex-wrap:wrap;width:1200px;margin:0 auto;padding:60px 0;}
.rsdl1{display:flex;}
.rsdl li{flex:2;min-width:30%;max-width:30%;padding:35px 50px;box-sizing:border-box;background:#b7b7b7;margin:10px;color:#fff;min-height:185px;}
.rsdl li:nth-of-type(1),.rsdl li:nth-of-type(4){flex:1;max-width:15%;min-width:15%;opacity:0;}
.rsdl strong{font-size:22px;line-height:50px;}
.rsdl p{text-align:left;}

.rsdl_fw{background:#5DC0FF;padding:40px 0;text-align:center;}
.rsdl_fw h2,.rsdl_fw h3{color:#fff}
.rsdl_fw ul{background:url(../images/rsdl_fw.jpg) center 2px no-repeat;display:flex;flex-wrap:wrap;padding:28px 0 35px 0}
.rsdl_fw li{flex:1;min-width:50%;box-sizing:border-box;height:91px;line-height:91px;color:#fff;font-size:22px}
.rsdl_fw li:nth-of-type(odd){text-align:right;}
.rsdl_fw li:nth-of-type(even){text-align:left}
.rsdl_fw li:nth-of-type(1),.rsdl_fw li:nth-of-type(7){padding-right:177px}
.rsdl_fw li:nth-of-type(3),.rsdl_fw li:nth-of-type(5){padding-right:222px}
.rsdl_fw li:nth-of-type(4),.rsdl_fw li:nth-of-type(6){padding-left:222px}
.rsdl_fw li:nth-of-type(2),.rsdl_fw li:nth-of-type(8){padding-left:177px}

.rsdl_fb{padding:40px 0;background:url(../images/9.jpg) center 70px no-repeat;height:788px;box-sizing:border-box;text-align:center;}

.rsdl_gdfw{padding:40px 0;background:url(../images/rsdl_gdfw.jpg) center 100px no-repeat;height:570px;text-align:center;}
.rsdl_gdfw ul{display:flex;margin-top:272px}
.rsdl_gdfw li{flex:1;position:relative;color:#fff;text-align:left;margin:20px;}
.rsdl_gdfw li:before{content:"";position:absolute;left:20px;top:20px;right:20px;bottom:20px;border:1px #fff dashed}
.rsdl_gdfw li:nth-of-type(1){background:#53BDFF url(../images/icon_2.png) no-repeat 35px center;padding:35px 30px 35px 105px;}
.rsdl_gdfw li:nth-of-type(2){background:#53BDFF url(../images/icon_4.png) no-repeat 35px center;padding:35px 30px 35px 105px;}
.rsdl_gdfw li:nth-of-type(3){background:#53BDFF url(../images/icon_32.png) no-repeat 35px center;padding:35px 30px 35px 105px;}
.rsdl_gdfw strong{font-size:28px;line-height:50px;}
.rsdl_gdfw p{font-size:14px;line-height:22px;text-align:justify;}

.personnelB{padding:40px 0;text-align:center;overflow:hidden}
.personnelB>ul{padding-top:50px}
.personnelB>ul>li{width:18%;margin:0 .5%;position:relative;border-radius:5px;float:left;text-align:center;padding-bottom:10px;}
.personnelB>ul>li:nth-of-type(1){border:2px solid #e53935}
.personnelB>ul>li:nth-of-type(2){border:2px solid #00c9c1}
.personnelB>ul>li:nth-of-type(3){border:2px solid #ffac13}
.personnelB>ul>li:nth-of-type(4){border:2px solid #2196f3}
.personnelB>ul>li:nth-of-type(5){border:2px solid #f9878d}
.personnelB>ul>li>img{position:absolute;background:#fff;top:-30px;left:50%;width:50px;margin-left:-29px;border-radius:50%;padding:4px;}
.personnelB>ul>li>h2{color:#222;font-weight:normal;font-size:16px;padding:35px 0 10px 0}
.personnelB>ul>li>span{color:#444;font-size:12px;display:block;color:#888}

.personnelC{padding:60px 0 26px 0;text-align:center;overflow:hidden;background:url(../images/bg_7.jpg) center top no-repeat}
.personnelC>h2,.personnelC>h3{color:#fff}
.personnelC>ul{padding:15px 0;min-width:1200px;}
.personnelC>ul>li{padding-top:320px;font-size:22px;line-height:45px;color:#fff}
.personnelC>ul>li>strong{font-size:28px;}

.personnelD{padding:40px 0;text-align:center;overflow:hidden}
.personnelD ul{overflow:hidden}
.personnelD dl{width:130px;padding:15px;height:240px;margin:20px;display:inline-block;background:rgba(0,0,0,0.04);float:left;border-radius:10px}
.personnelD dl:hover{background:rgba(0,0,0,0.08);box-shadow:2px 2px 2px #e5e5e5}

.personnelD dl:hover h1{color:#111}
.personnelD img{width:60px;margin:15px 0}
.personnelD dd{text-align:justify;line-height:26px}
.personnelD dd>h3{text-align:center;margin:15px 0;color:#333}

/*企业个人社保代缴*/
.personalE,.personalA{padding:40px 0;text-align:center;overflow:hidden}
.personalE ul,.personalA ul{overflow:hidden;padding-top:20px}
.personalE li,.personalA li{display:block;float:left;border:1px rgba(0,0,0,0.1) solid;padding:10px;height:320px;background:rgba(0,0,0,0.02)}
.personalE li:hover em,.personalA li:hover em{background:#ff494d;box-shadow:3px 4px 5px #b90000;color:#fff000}
.personalE li.left,.personalA li.left{width:298px;padding:10px}
.personalE li.right,.personalA li.right{width:305px;margin-left:-1px}
.personalE li.right dt,.personalA li.right dt{padding:18px 0 25px 0;font-size:20px}
.personalE li:nth-of-type(2).right dt,.personalA li:nth-of-type(2).right dt{color:#ff9624}
.personalE li:nth-of-type(3).right dt,.personalA li:nth-of-type(3).right dt{color:#40c952}
.personalE li:nth-of-type(4).right dt,.personalA li:nth-of-type(4).right dt{color:#4b64ff}
.personalE li.right dd:nth-of-type(2),.personalA li.right dd:nth-of-type(2){padding:35px 0 0px 0;color:#999}
.personalE li:nth-of-type(2).right dd:nth-of-type(1) span,.personalA li:nth-of-type(2).right dd:nth-of-type(1) span{color:#ff9624;font-size:24px}
.personalE li:nth-of-type(3).right dd:nth-of-type(1) span,.personalA li:nth-of-type(3).right dd:nth-of-type(1) span{color:#40c952;font-size:24px}
.personalE li:nth-of-type(4).right dd:nth-of-type(1) span,.personalA li:nth-of-type(4).right dd:nth-of-type(1) span{color:#4b64ff;font-size:24px}
.personalE span,.personalA span{display:block}
.personalE p,.personalA p{text-align:left;text-indent:2em;margin-top:10px;line-height:25px}
.personalE em,.personalA em{background:#429fff;padding:6px 10px;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;box-shadow:3px 4px 5px #0378da;display:block;margin:25px 60px 0 60px}



.personalB{padding:20px 0;text-align:center;overflow:hidden}
.personalB>ul>li{padding-bottom:5px;padding-top:30px}
.personalB>ul>li>span{width:114px;height:22px;padding-top:48px;background:#008bff;position:relative;margin:10px 10px;font-size:16px;color:#fff;display:inline-block}
.personalB>ul>li>span:hover{background:#17a1f8}
.personalB>ul>li>span:hover:before{border-bottom:30px solid #17a1f8}
.personalB>ul>li>span:hover:after{border-top:30px solid #17a1f8}
.personalB>ul>li>span>img{width:56px;height:56px;display:block;position:absolute;top:-15px;left:28px}
.personalB>ul>li>span:before{content:"";width:0;height:0;position:absolute;top:-30px;left:0;border-left:57px solid transparent;border-right:57px solid transparent;border-bottom:30px solid #008bff}
.personalB>ul>li>span:after{content:"";width:0;height:0;position:absolute;bottom:-30px;left:0;border-left:57px solid transparent;border-right:57px solid transparent;border-top:30px solid #008bff}

.personalC{padding:50px 0 40px 0;text-align:center;overflow:hidden}
.personalC ul{padding:10px 0;overflow:hidden}
.personalC li{width:260px;float:left;padding:40px;margin:0 30px;background:rgba(0,0,0,0.04);height:262px;border-radius:50%;box-shadow:3px 4px 2px #ccc}
.personalC li:hover img{position:relative;margin-top:-100px;transition:all 0.5s ease}
.personalC li:hover{box-shadow:3px 3px 8px #17a1f8,-3px -3px 8px #17a1f8,3px -3px 8px #17a1f8,-3px 3px 8px #17a1f8;background:#fff}
.personalC li span{height:100px;display:block;margin:0 auto;overflow:hidden}
.personalC li h1{height:60px;line-height:60px}
.personalC li h2{font-size:18px;margin-bottom:25px;color:#555;font-weight:normal}
.personalC li i{background:#36a4ff;padding:3px 8px;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;box-shadow:2px 2px 2px #0069c1}

.personalD{padding:40px 0;text-align:center;overflow:hidden}
.personalD>ul{}
.personalD>ul>li{float:left;width:396px;height:121px;background:#f1f1f1;margin:2px 0 0 2px;padding:15px 0;position:relative}
.personalD>ul>li:hover{background:#cf1132}
.personalD>ul>li:hover img{left:10px;top:25px;width:90px;transition:all 0.4s ease}
.personalD>ul>li:hover h1{color:#fff;left:100px}
.personalD>ul>li:hover p{color:#fff;font-weight:bold;left:111px;top:80px;font-size:18px}
.personalD>ul>li>h1{font-size:24px;color:#cf1132;padding:3px 0;position:absolute;left:50px;top:35px;right:10px;letter-spacing:12px}
.personalD>ul>li>img{width:45px;position:absolute;left:130px;top:25px;right:10px}
.personalD>ul>li>p{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;position:absolute;left:0;top:90px;right:10px}

/*小时工*/
.hourA{padding:40px 0;text-align:center}
.hourA ul{overflow:hidden}
.hourA dl{padding:20px 0 0 0;text-align:center;width:20%;height:235px;float:left;margin:2.4%;box-shadow:2px 2px 4px #ccc,-2px 2px 4px #ccc,2px -2px 4px #ccc}
.hourA dl img{width:60%}
.hourA dt{padding:20px}
.hourA dd{font-size:20px;font-weight:bold}
.hourA dl:hover{animation:fadeOutIn2 1.5s infinite;-webkit-animation:fadeOutIn2 1.5s infinite;color:#17a1f8;border-radius:50%;transition:border-radius 0.5s ease}

.hourB{padding:40px 0;text-align:center}
.hourB ul{overflow:hidden;text-align:left}
.hourB li:hover dd:nth-of-type(1){color:#000;transition:all .5s ease}
.hourB li{display:block;float:left}
.hourB li:nth-of-type(1),.hourB li:nth-of-type(2){width:50%}
.hourB li:nth-of-type(3),.hourB li:nth-of-type(4),.hourB li:nth-of-type(5){width:33.333%}
.hourB img{width:80px}
.hourB dt{float:left;margin:35px 10px 0 10px;border-radius:50%}
.hourB dl{margin:20px;height:150px;text-align:justify;border-radius:10px;border:1px #fff dotted}
.hourB li:nth-of-type(1) dl{background:rgba(0,239,252,0.5)}
.hourB li:nth-of-type(2) dl{background:rgba(72,240,169,0.5)}
.hourB li:nth-of-type(3) dl{background:rgba(250,210,56,0.5)}
.hourB li:nth-of-type(4) dl{background:rgba(0,175,253,0.4)}
.hourB li:nth-of-type(5) dl{background:rgba(255,0,49,0.4)}
.hourB dd:nth-of-type(1){font-size:18px;font-weight:bold;padding:12px 5px 0 0;color:#555}
.hourB dd:nth-of-type(2){font-size:14px;padding:5px 10px 5px 5px;line-height:24px}

.hourC{padding:40px 0;text-align:center}
.hourC ul{overflow:hidden}
.hourC li:nth-of-type(2){width:1000px;display:block;margin:0 auto}
.hourC dl{float:left;text-align:left;width:27.333%;padding:0 3%;padding-top:20px}
.hourC dt{font-size:20px;font-weight:bold;border-bottom:2px #17a1f8 solid;padding-bottom:15px;margin-bottom:15px}
.hourC dl:nth-of-type(1) dt{color:#e22122;border-color:#e22122}
.hourC dl:nth-of-type(2) dt{color:#e68012;border-color:#e68012}
.hourC dl:nth-of-type(3) dt{color:#1569b1;border-color:#1569b1}
.hourC dd{height:26px;line-height:26px}

/*服务外包*/
.serviceA{padding:40px 0;text-align:center;overflow:hidden}
.serviceA ul{padding:20px 0}
.serviceA li{width:100%;display:block}
.serviceA li>span{width:160px;margin:10px;height:76px;display:inline-block;background:#ccc;border-radius:5px;line-height:76px;position:relative;color:#444}
.serviceA li>span>img{width:50px;margin-top:12px;float:left;margin-left:10px;margin-right:-5px}
.serviceA ul:hover li>span{background:#cf1132;color:#fff;transition:all 1s ease}

/*新闻*/
.newsList{}
.newsList>artice{display:block;overflow:hidden;padding:30px 0}
.newsList .left{width:180px;float:left}
.newsList .left>li{width:160px;padding:16px 0;border-bottom:1px #f1f1f1 solid;font-size:22px;font-weight:bold;text-indent:10px}
.newsList .left>li.current>a{color:#17a1f8}
.newsList .left>li>a{color:#000}
.newsList .right{width:950px;float:right;border-left:1px #f1f1f1 solid;padding-left:30px}
.newsList .right dt{padding:10px 0}
.newsList .right dt>h1{display:inline-block;font-size:20px}
.newsList .right dt>h1>a{color:#000}
.newsList .right dt>h1>a:hover{color:#17a1f8}
.newsList .right dt>span{float:right}
.newsList .right dd{padding-bottom:30px;text-indent:2em;font-size:16px;line-height:26px}

.newsdisplay{}
.newsdisplay .wrap{display:block;overflow:hidden}
.newsdisplay .left{width:800px;float:left;text-align:center;padding:35px 15px 0 0}
.newsdisplay .left{padding-bottom:35px}
.newsdisplay .left>dt>h1{padding:25px 0;color:#333}
.newsdisplay .left>dt>span{width:780px;text-align:right;display:block}
.newsdisplay .left>dd{width:850px;text-align:left;padding:25px 0;line-height:26px}
.newsdisplay .left>dd>p{text-indent:2em}
.newsdisplay .left>dd img{display:block;margin:0 auto;max-width:90% !important;height:auto;}
.newsdisplay .right{width:300px;float:right;padding-top:15px}
.newsdisplay .right dl{margin-bottom:30px}
.newsdisplay .right dt{font-size:20px;font-weight:bold;background:rgba(0,0,0,0.07);height:46px;line-height:46px;padding-left:15px;color:#444}
.newsdisplay .right dt>a{font-size:14px;float:right;margin-right:10px;color:#31a5e7;font-weight:normal}
.newsdisplay .right dd{border-bottom:1px #e5e5e5 dotted;padding:0 0 0 10px}
.newsdisplay .right dd>a{width:100%;height:38px;line-height:38px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.nextlink li{width:50%;float:left;height:26px;line-height:26px}
.nextlink li>a{width:310px;display:inline-block;float:right;height:26px}
.item{padding:10px;overflow:hidden}
.item li{width:18%;margin:1%;display:inline-block;float:left;text-align:center}
.item li img{width:215px;height:130px;border-radius:10px}
/*案例*/
.caseList{}
.caseList>artice{display:block;overflow:hidden;padding:30px 0}
.caseList .left{width:180px;float:left}
.caseList .left>li{width:160px;border-bottom:1px #f1f1f1 solid;position:relative}
.caseList .left>li.current>a{color:#17a1f8}
.caseList .left>li>span{background:rgba(0,0,0,0.4);text-align:center;color:#fff;letter-spacing:1px;height:63px;line-height:63px;display:block;font-size:24px}
.caseList .left>li>a{color:#000;font-size:18px;font-weight:bold;padding-left:10px;height:50px;line-height:50px}
.caseList .right{width:965px;float:right;border-left:1px #f1f1f1 solid;padding-left:15px}
.caseList .right li{float:left;padding-bottom:10px;width:100%}
.caseList .right dl{height:200px}
.caseList .right dt{float:left;position:relative;margin-right:15px}
.caseList .right dt>img{width:250px;height:180px;float:left}
.caseList .right dt>span{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2;color:#fff;padding:3px 0;text-align:center}
.caseList .right dd>h1{font-size:20px}
.caseList .right dd>h1>a{color:#000}
.caseList .right dd>h1>a:hover{color:#17a1f8}
.caseList .right dt>span{float:right}
.caseList .right dd{padding-bottom:10px;text-indent:2em;font-size:16px;line-height:26px}

/*联系我们*/
.contactA{padding:40px 0 10px 0;text-align:center}
.contactA ul{padding:30px 0;overflow:hidden;text-align:left}
.contactA ul>li:nth-of-type(1){float:left;padding-left:30px;width:350px}
.contactA ul>li:nth-of-type(2){width:800px;float:left}
.contactA ul>li dt{font-size:22px;font-weight:bold;background:rgba(255,0,0,0.02);margin:0px 0px 30px 0px}
.contactA ul>li dd{height:30px;line-height:30px}

.contactB{padding:20px 0;padding-bottom:50px}
.contactB p{
    height:30px;line-height:30px;text-indent:35px;font-size:20px;color:#555
}
.contactB p strong{
    opacity: 0;
}
.contactB ul{border-bottom:1px #ccc solid;overflow:hidden;padding:20px 0}
.contactB li{display:block;float:left;height:30px;line-height:30px;text-indent:35px;font-size:20px;color:#555}
.contactB li:nth-of-type(1){width:30%;padding-left:160px;background:url(../images/tel.png) no-repeat 155px center;background-size:auto 90%;}
.contactB li:nth-of-type(2){width:50%;background:url(../images/add.png) no-repeat left center;background-size:auto 100%;}

.contactC{padding-bottom:50px;text-align:center}
.contactC ul{overflow:hidden}
.contactC li{width:284px;display:block;float:left;padding:0;border:1px rgba(0,0,0,0.2) solid;margin:7px;height:276px;border-radius:15px}
.contactC li:hover{background:#17a1f8;box-shadow:2px 2px 6px #000}
.contactC dl{margin:15px 25px;text-align:left}
.contactC dt{padding:0 0 24px 0;text-align:center;font-size:18px}
.contactC dd{font-size:13px}
.contactC dd.name{font-size:16px;font-weight:bold;text-align:center;margin-bottom:20px}
.contactC dd.name2{font-size:16px;font-weight:bold;text-align:center;margin:29px 0 37px 0}
.contactC dd.name>p{margin-bottom:5px}
.contactC dd span{font-weight:normal;padding-left:15px}
#contact li:hover *{color:#fff}

/*招聘*/
.jobList{}
.jobList>artice{display:block;overflow:hidden;padding:30px 0}
.jobList .left{width:280px;float:left}
.jobList .left>li{width:280px;padding:16px 0;border-bottom:1px #f1f1f1 solid;font-size:20px;font-weight:bold;text-indent:10px}
.jobList .left>li.current>a{color:#17a1f8}
.jobList .left>li>a{color:#3275ca}
.jobList .right{width:850px;float:right;border-left:1px #f1f1f1 solid;padding-left:30px;}
.jobList .right dt{padding:10px 0}
.jobList .right dt>h1{display:inline-block;font-size:20px}
.jobList .right dt>h1>a{color:#000}
.jobList .right dt>h1>a:hover{color:#17a1f8}
.jobList .job_title dt{font-size:32px;color:rgba(29, 33, 39);font-weight:bold;width:100%;border-bottom:1px #ccc solid;}
.jobList .job_title dd>p>strong{color:#17a1f8;font-size:22px;padding:25px 0 10px 0;display:block;border-bottom:1px #e5e5e5 dashed}
.jobList .job_title dd>p{color:#222;padding:5px;line-height:24px;padding-left:15px}
.jobList .job{padding:0 0 150px 100px;background:url(../images/job_bg.jpg) no-repeat center bottom}
.jobList .job dt{font-size:20px;font-weight:bold;padding-top:15px;}
.jobList .job dd{text-indent:2em;font-size:16px;line-height:32px;text-indent:0}

/*在线留言*/
.messageA{padding-bottom:50px;text-align:center;background:url(../images/message_bg.jpg) no-repeat;background-size:100%}
.messageA ul{width:600px;margin:0 auto}
.messageA li{min-height:30px;line-height:30px;width:600px;text-align:left}
.messageA li.lis{padding-bottom:15px}
.messageA li>input{height:30px;line-height:30px;width:300px;border-radius:5px;border:1px #ccc solid;background:rgba(255,255,255,0.6);padding:5px}
.messageA li>textarea{height:60px;line-height:24px;width:490px;border-radius:5px;border:1px #ccc solid;background:rgba(255,255,255,0.6);padding:5px}
.messageA input[type='submit']{width:100px;height:30px;background:#17a1f8;border-radius:5px;box-shadow:2px 2px 2px #888;border:none;margin-left:-60px;color:#fff;font-weight:bold;font-size:16px;}

/*分页*/
.page{clear:both;text-align:center}
.page a{padding:0 6px;border-radius:3px;margin:0 8px;color:#31a5e7;border:1px #ccc solid}

/*底部*/
.bottom{background:#393a3e;padding-top:20px;color:#f9f9f9}
.bottom:before{content:"";background:url(../images/gr_w.png) repeat-x;width:100%;height:16px;position:relative;z-index:99;display:block;top:-25px;background-size:20px auto;opacity:0.5}
.bottom ul.menu{display:flex;display:-webkit-flex;width:1000px;padding:0 100px;margin:0 auto;padding-bottom:10px}
.bottom ul.menu li:nth-of-type(1){flex:3;-webkit-flex:3}
.bottom ul.menu li:nth-of-type(2){flex:3;-webkit-flex:3}
.bottom ul.menu li:nth-of-type(3){flex:2;-webkit-flex:2}
.bottom ul.menu li:nth-of-type(4){flex:2;-webkit-flex:2}
.bottom ul.menu li:nth-of-type(5){flex:5;-webkit-flex:5}
.bottom ul.menu li:nth-of-type(6){flex:4;-webkit-flex:4}
.bottom ul.link{width:1000px;margin:0 auto}
.bottom a{color:#c6c7c9;font-size:14px}
.bottom dd:hover,.bottom a:hover{color:#fff}
.bottom dt{padding:15px 0}
.bottom dd{line-height:24px;font-size:12px;color:#c6c7c9}
.bottom ul.link a{display:inline-block;margin-right:10px;line-height:20px}
.bottom ul.link dd{margin-left:20px}
.bottom div{background:#000;padding-bottom:40px;border-top:1px rgba(255,255,255,0.2) solid}

/*客服*/
.kefu{width:112px;height:112px;display:block;position:fixed;right:15px;top:200px;cursor:pointer}
.kefu dt{position:absolute;right:95px;top:45px;width:150px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#17a1f8;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;z-index:99}
.kefu dt:before{position:absolute;right:-7px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #17a1f8;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.kefu:hover dd{background:#1fa8ff}
.kefu dd{position:absolute;background:#0493ee;border-radius:50%;animation:fadeOutIn3 2s infinite;-webkit-animation:fadeOutIn3 2s infinite}
.kefu dd:nth-of-type(1){left:10px;right:10px;top:10px;bottom:10px;z-index:96;opacity:.4}
.kefu dd:nth-of-type(1):before{content:'';position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;z-index:95;background:rgba(47,114,204,0.3);border-radius:50%}
.kefu dd:nth-of-type(2){left:20px;right:20px;top:20px;bottom:20px;z-index:96;opacity:.6}
.kefu dd:nth-of-type(3){left:28px;right:28px;top:28px;bottom:28px;z-index:97}
.kefu dd:nth-of-type(3):after{content:'';position:absolute;left:50%;top:-4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:auto;background:#0493ee;border-radius:50%;transform-origin:0 32px;width:10px;height:10px;animation:ballRotate 2.5s infinite linear;z-index:9999}
.kefu dd img{width:100%;height:100%}

/*侧边栏*/
.cebian{position:fixed;top:20%;right:0;width:137px;height:395px; z-index:101;}
.cebian img{width:100%;}

/*返回上一页*/
.return{width:85px;height:46px;position:fixed;bottom:134px;left:10px;background:url(../images/return.png) no-repeat left top;z-index:999;cursor:pointer}

@-webkit-keyframes bg-color{ 0%{color:#17a1f8;background:#fff}
    49%{color:#17a1f8;background:#fff}
    50%{color:#fff;background:#17a1f8}
    99%{color:#fff;background:#17a1f8}
    100%{color:#17a1f8;background:#fff}
}
@keyframes bg-color{ 0%{color:#17a1f8;background:#fff}
    49%{color:#17a1f8;background:#fff}
    50%{color:#fff;background:#17a1f8}
    99%{color:#fff;background:#17a1f8}
    100%{color:#17a1f8;background:#fff}
}

@-webkit-keyframes loadRotate{
	from{-webkit-transform:rotateZ(0deg)}
	to{-webkit-transform:rotateZ(360deg)}
}
@keyframes loadRotate{
	from{transform:rotateZ(0deg)}
	to{transform:rotateZ(360deg)}
}

@-webkit-keyframes ballRotate{
  0%{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}
@keyframes ballRotate{
  0%{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}

@-webkit-keyframes fadeOutIn1{
	0%{-webkit-transform:scale(1);background:rgba(255,255,255,0.5)}
	50%{-webkit-transform:scale(1.5);opacity:1;background:#fff}
	100%{-webkit-transform:scale(1);background:rgba(255,255,255,0.5)}
}

@keyframes fadeOutIn1{
	0%{transform:scale(1);background:rgba(255,255,255,0.5)}
	50%{transform:scale(1.5);opacity:1;background:rgba(255,255,255,0)}
	100%{transform:scale(1);background:rgba(255,255,255,0.5)}
}

@-webkit-keyframes Mirror{
	0%{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH}
	100%{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
}

@keyframes Mirror{
	0%{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH}
	100%{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
}

@-webkit-keyframes fadeOutIn2{
	0%{-webkit-transform:scale(0.7);box-shadow:2px 2px 4px #17a1f8,-2px 2px 4px #17a1f8,2px -2px 4px #17a1f8}
	50%{-webkit-transform:scale(1.2);box-shadow:2px 2px 4px #f60,-2px 2px 4px #f60,2px -2px 4px #f60}
	100%{-webkit-transform:scale(0.7);box-shadow:2px 2px 4px #17a1f8,-2px 2px 4px #17a1f8,2px -2px 4px #17a1f8}
}

@keyframes fadeOutIn2{
	0%{-webkit-transform:scale(0.7);box-shadow:2px 2px 4px #17a1f8,-2px 2px 4px #17a1f8,2px -2px 4px #17a1f8}
	50%{-webkit-transform:scale(1.2);box-shadow:2px 2px 4px #f60,-2px 2px 4px #f60,2px -2px 4px #f60}
	100%{-webkit-transform:scale(0.7);box-shadow:2px 2px 4px #17a1f8,-2px 2px 4px #17a1f8,2px -2px 4px #17a1f8}
}

@-webkit-keyframes fadeOutIn3{
	0%{-webkit-transform:scale(0.8)}
	50%{-webkit-transform:scale(1.2)}
	100%{-webkit-transform:scale(0.8)}
}

@keyframes fadeOutIn3{
	0%{-webkit-transform:scale(0.8)}
	50%{-webkit-transform:scale(1.2)}
	100%{-webkit-transform:scale(0.8)}
}

@-webkit-keyframes fanzhuan{
	0%{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(180deg);}
}

@keyframes fanzhuan{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(180deg);}
}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#2b70bb;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #2b70bb;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #0274ba;
    vertical-align: middle;
    border: 1px solid #0274ba; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.pages{
/*    width: 100%;
    border-top: 1px solid #eee;
    color: #999;*/
    line-height: 30px;
    font-size: 14px;
    position: relative;
    margin-top: 30px;
   	text-align: left;
}
.pages a{
    color: #666;  
}
.advantage1s{
    text-align: center;
    padding:50px 0;
}
.xczp_list{
    display: flex;
    flex-wrap: wrap;
    margin-top:40px;
}
.xczp_list li{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 15px;
    overflow: hidden;
}
.xczp_list li:nth-child(4n){
    margin-right: 0;
}
.xczp_list li img{
    transition: all 0.6s ease-out;
}
.xczp_list li:hover img{
    transition: all 0.6s;
    transform: scale(1.1);
}


.fonttitle {
font-family:'Microsoft YaHei';
font-size:2rem;
text-align:left;
color:#363636;
}
.scaleImg {
    cursor: pointer;
    transition: 0.6s ease-out;
}
.scaleImg:hover {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transition: 0.6s;
}